  import * as echarts from 'echarts';
  import { ref,onBeforeUnmount,onMounted, Ref ,nextTick } from 'vue'
import VueHeaderXMain from '~/components/headerX/VueHeaderXMain';
import System from '~/utils/System';

export default class VueHomeMain {

    constructor(){
        onMounted(()=>{
            this.randerEchars()
        })


        onBeforeUnmount(()=>{
        });
    }

    randerEchars(){

            var myChart = echarts.init(<any>document.getElementById('main'));

            // 绘制图表
            myChart.setOption({
                title: {
                    text: '月销售'
                },
                tooltip: {},
                xAxis: {
                    data: ['1', '2', '3', '4', '5', '6']
                },
                yAxis: {},
                series: [{
                    name: '销量',
                    type: 'bar',
                    data: [5, 20, 36, 10, 10, 20]
                }]
            },true,true);


            var myChart = echarts.init(<any>document.getElementById('main1'));
            // 绘制图表
            myChart.setOption({
            title: {
                text: 'Referer of a Website',
                subtext: 'Fake Data',
                left: 'center'
            },
            tooltip: {
                trigger: 'item'
            },
            legend: {
                orient: 'vertical',
                left: 'left'
            },
            series: [
                {
                name: 'Access From',
                type: 'pie',
                radius: '50%',
                data: [
                    { value: 1048, name: 'Search Engine' },
                    { value: 735, name: 'Direct' },
                    { value: 580, name: 'Email' },
                    { value: 484, name: 'Union Ads' },
                    { value: 300, name: 'Video Ads' }
                ],
                emphasis: {
                    itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
                }
            ]
            },true,true);
    }

    login(){
        System.$router.push("/login")
    }

    fullScreen(){
        VueHeaderXMain.that.collapseMenu()
    }


}